<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="/lib/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/lib/ztree/css/bootstrapStyle/bootstrapStyle.css" media="all">
    <link rel="stylesheet" href="/css/my.css" media="all">
    <link rel="stylesheet" href="/views/module/item/herbalmedicine/herbalMedicine.css" media="all">
</head>
<body>
<div class="layui-row">
    <div class="layui-col-md3">
        <div class="left-panel">
            <div class="left-search">
                <input type="text" placeholder="中药名称/简拼/全拼" class="layui-input" style="width: 70%">
                <div class="layui-btn-group">
                    <button class="layui-btn layui-btn-normal layui-btn-sm" lay-event="addBtn" title="新增">
                        <i class="layui-icon layui-icon-add-1"></i>
                    </button>
                    <button class="layui-btn layui-btn-normal layui-btn-sm layui-btn-disabled" lay-event="delBtn" title="删除" disabled="disabled">
                        <i class="layui-icon layui-icon-delete"></i>
                    </button>
                </div>
            </div>
            <div class="left-tree">
                <div class="blank-tip" style="text-align: center;display: none;padding-top: 150px;">
                    无数据！
                </div>
                <ul class="ztree" id="catalog"></ul>
            </div>
        </div>
    </div>
    <div class="layui-col-md9">
        <div class="right-panel">
            <div class="layui-card">
                <div class="layui-card-header">
                    <h3><b>中药信息</b></h3>
                </div>
                <div class="layui-card-body">
                    <div class="blank-tip" style="text-align: center;">
                        请选择中药！
                    </div>
                    <!--中药材 -->
                    <form id="herbalmedicine-form" class="layui-form" lay-filter="herbalmedicine-form" style="display: none">
                        <input type="hidden" name="itemId" value="">
                        <div class="layui-row layui-col-space5 layui-form-item">
                            <div class="layui-col-sm4">
                                <label class="layui-form-label"><span class="required">*</span>中药名称：</label>
                                <div class="layui-input-block">
                                    <input type="text" name="itemName" autocomplete="off" class="layui-input"
                                           maxlength="50" placeholder="请填写中药名称" lay-verify="required|repeat">
                                </div>
                            </div>
                            <div class="layui-col-sm4">
                                <label class="layui-form-label"><span class="required">*</span>全拼：</label>
                                <div class="layui-input-block">
                                    <input name="fullPinyin" autocomplete="off" class="layui-input"
                                           maxlength="50" placeholder="请填写全拼" lay-verify="required">
                                </div>
                            </div>
                            <div class="layui-col-sm4">
                                <label class="layui-form-label"><span class="required">*</span>简拼：</label>
                                <div class="layui-input-block">
                                    <input type="text" name="abbrPinyin" autocomplete="off" class="layui-input"
                                           maxlength="50" placeholder="请填写简拼" lay-verify="required">
                                </div>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space5 layui-form-item">
                            <div class="layui-col-sm4">
                                <label class="layui-form-label"><span class="required">*</span>所属分类：</label>
                                <div class="layui-input-block">
                                    <select name="itemType" lay-verify="required" lay-search placeholder="请选择所属分类"></select>
                                </div>
                            </div>
                            <div class="layui-col-sm4">
                                <label class="layui-form-label"><span class="required">*</span>是否有毒：</label>
                                <div class="layui-input-block">
                                    <input type="radio" name="isPoison" value="1" title="是" lay-verify="required">
                                    <input type="radio" name="isPoison" value="0" title="否" checked lay-verify="required">
                                </div>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space5 layui-form-item">
                            <div class="layui-col-sm6">
                                <label class="layui-form-label"><span class="required">*</span>性味归经：</label>
                                <div class="layui-input-block">
                                    <input name="flavorMeridianTropism" class="layui-input" placeholder="请填写性味归经" autocomplete="off" maxlength="100" lay-verify="required">
                                </div>
                            </div>
                            <div class="layui-col-sm6">
                                <label class="layui-form-label"><span class="required">*</span>功效：</label>
                                <div class="layui-input-block">
                                    <input name="efficacy" class="layui-input" placeholder="请填写功效" autocomplete="off" maxlength="100" lay-verify="required">
                                </div>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space5 layui-form-item">
                            <div class="layui-col-sm6">
                                <label class="layui-form-label"><span class="required">*</span>用法用量：</label>
                                <div class="layui-input-block">
                                    <textarea name="usageDosage" class="layui-textarea" rows="2" maxlength="100" placeholder="请填写用法用量" autocomplete="off" lay-verify="required"></textarea>
                                </div>
                            </div>
                            <div class="layui-col-sm6">
                                <label class="layui-form-label">禁忌：</label>
                                <div class="layui-input-block">
                                    <textarea name="taboo" class="layui-textarea" rows="2" maxlength="100" placeholder="请填写禁忌" autocomplete="off"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space5 layui-form-item">
                            <div class="layui-col-sm4">
                                <label class="layui-form-label">进货包装：</label>
                                <div class="layui-input-block">
                                    <select name="purUnit" lay-search placeholder="请选择进货包装"></select>
                                </div>
                            </div>
                            <div class="layui-col-sm4">
                                <label class="layui-form-label">零售单位：</label>
                                <div class="layui-input-block">
                                    <select name="stockUnit" lay-filter="stockUnit" lay-search placeholder="请选择零售单位"></select>
                                </div>
                            </div>
                            <div class="layui-col-sm4">
                                <label class="layui-form-label">单位换算：</label>
                                <div class="layui-input-block">
                                    <input name="unitConvert" class="layui-input" placeholder="请填写单位换算值"
                                           autocomplete="off" maxlength="10">
                                </div>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space5 layui-form-item">
                            <div class="layui-col-sm6">
                                <label class="layui-form-label">库存预警：</label>
                                <div class="layui-input-inline">
                                    <input name="stockWarn" class="layui-input" placeholder="请填写库存预警"
                                           autocomplete="off" maxlength="10">
                                </div>
                                <div class="layui-form-mid layui-word-aux stockWarnUnit">&lt;零售单位&gt;</div>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space5">
                            <div class="layui-col-sm-offset10 layui-col-sm2" style="text-align: right;">
                                <button type="button" lay-filter="submit-btn" lay-submit class="layui-btn layui-btn-sm">保存</button>
                                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm cancel-btn">取消</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/lib/layuiadmin/layui/layui.js"></script>
<script src="/lib/jquery/jquery-1.8.3.min.js"></script>
<script src="/lib/ztree/js/jquery.ztree.all.js"></script>
<script src="/js/common/constant.js"></script>
<script src="/views/module/item/herbalmedicine/herbalMedicine.js"></script>
<script src="/lib/pinyin/pinyin_dict_withtone.js"></script>
<script src="/lib/pinyin/pinyin_dict_polyphone.js"></script>
<script src="/lib/pinyin/pinyinUtil.js"></script>
</body>
</html>